.navbar {
    display: flex; /*  flex 弹性容器 */
    justify-content: space-between; /* 左右两边对齐 */
    align-items: center; /* 垂直居中（可选） */
    background-color: #f8f9fa;
    padding: 10px 20px; /* 上下边距为 10px，左右边距为 20px */
}

.navbar .left,
.navbar .right {
    display: flex;
    align-items: center; /* 垂直居中 */
    gap: 10px; /* 控制按钮和文字之间的间距，可选 */
}